var TargetList = {};
TargetList.contextpath = "";
TargetList.initPage = function(contextpath) {
	TargetList.contextpath = contextpath;

	layui.use(['table','form'], function() {
		var table = layui.table;
		var form = layui.form;
		// 第一个实例
		table.render({
			elem : '#target_list_table',
			toolbar : '#toolbarDemo'
			,
			url : '/web2019/user/ajaxQueryTargetList.action' // 数据接口
			,
			page : true // 开启分页
			, 
			where: 
			{
             targetType :$("#targetType").val(),
             targetState :$("#targetState").val()
            },
			response : {
				statusName : 'code' // 规定数据状态的字段名称，默认：code
				,
				statusCode : "0000" // 规定成功的状态码，默认：0
				,
				msgName : 'message' // 规定状态信息的字段名称，默认：msg
				,
				countName : 'total' // 规定数据总数的字段名称，默认：count
			},
			cols : [ [ // 表头
			{
				field : 'targetId',
				title : '目标编号',
				width : 100,
				sort : true,
			}, {
				field : 'targetState',
				title : '目标状态',
				width : 100,
				templet: function(d){
			        if(d.targetState=="00"){
			        		return "刚创建"
			        }else if(d.targetState=="01"){
			        		return "进行中"
			        }else if(d.targetState=="02"){
			        		return "已完成"
			        }
			      }
			}, {
				field : 'targetTypeName',
				title : '目标类型',
				width : 120,
				sort : true
			}, {
				field : 'context',
				title : '内容',
				width : 360,
				sort : true
			}, {
				field : 'createTime',
				title : '创建时间',
				width : 220,
				sort : true,
				templet: function(d){
					var d=new Date(d.createTime);
					return formatDate(d);
			      }
			}, {
				title : '操作',
				templet : TargetList.setOperate,
				width : 160,
				align : 'center',
				fixed : 'right'
			} ] ]
		});
		
		form.on('select(selectChange)', function(data){ 
			var targetType= $("#targetType").val();
			var targetState= $("#targetState").val();
			TargetList.reloadTable(table,targetType,targetState);
			$("#targetType").val(targetType);
			$("#targetState").val(targetState);
			layui.form.render('select');
		});
		
		  //监听工具条
		  table.on('tool(target_list_table_filter)', function(obj){
		    var data = obj.data;
		    if(obj.event === 'del'){
		      layer.confirm('真的删除行么', function(index){
		    	  TargetList.ajaxDeleteTarget(data);
		      });
		    } else if(obj.event === 'edit'){
		        layer.open({
		            type: 1
		            ,title: '修改目标'
		            ,area: ['590px', '460px']
		            ,shade: 0
		            ,maxmin: true
		            ,content: TargetList.getUpdateHtml(data)
		            ,btn: ['修改', '取消'] 
		            ,yes: function(){
		            	TargetList.ajaxUpdateTarget();
		            }
		            ,btn2: function(){
		              layer.closeAll();
		            }
		            ,success: function(layero){
		            	layui.use('form', function() {
		            		layui.form.render('select');
		            		});
		            }
		          });
		    }
		  });
	});
	
}
TargetList.setOperate=function(data){
	var btnHtml="";
	btnHtml += '<button type="button" class="layui-btn layui-btn-xs seeDetail" lay-event="edit">修改</button>';
	btnHtml += '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</button>';
	return btnHtml;
}
TargetList.getUpdateHtml= function(obj){
	var html="";
	html+='<input type="hidden" id="targetId" value="'+obj.targetId+'"/>';
	html+='<fieldset class="layui-elem-field layui-field-title"';
	html+='	style="margin-top: 20px;">';
	html+='<legend style="font-weight:200px;font-size:16px;">目标编号:'+obj.targetId+'</legend>';
	html+='</fieldset>';
	html+='<div class="layui-form-item">';
	html+='<label class="layui-form-label">目标状态</label>';
	html+='<div class="layui-input-inline">';
	html+='<select name="stateNew" id="stateNew">';
	if(obj.targetState=="00"){
		html+='<option value="00" selected="selected">刚建立</option>';
		html+='<option value="01">进行中</option>';
		html+='<option value="02">已完成</option>';
		html+='<option value="03">废弃</option>';
	}else if(obj.targetState=="01"){
		html+='<option value="01" selected="selected">进行中</option>';
		html+='<option value="02">已完成</option>';
		html+='<option value="03">废弃</option>';
	}else if(obj.targetState=="02"){
		html+='<option value="02" selected="selected">已完成</option>';
		html+='<option value="03">废弃</option>';
	}else if(obj.targetState=="03"){
		html+='<option value="03" selected="selected">废弃</option>';
	}
	html+='</select>';
	html+='</div>';
	html+='</div>';
	html+='<div class="layui-form-item">';
	html+='<label class="layui-form-label">内容</label>';
	html+='<div class="layui-input-block">';
	if(obj.context==null){
		html+='<textarea id="contextNew" name="contextNew" style="width:400px;" placeholder="请输入内容" class="layui-textarea"></textarea>';	
	}else{
		html+='<textarea id="contextNew" name="contextNew" style="width:400px;" placeholder="请输入内容" class="layui-textarea">'+obj.context+'</textarea>';	
	}
	html+='</div>';
	html+='</div>';
	return html;
}

//重新加载table
TargetList.reloadTable= function(table,targetType,targetState){
	table.reload('target_list_table', {
        page: {
            curr: 1
        },
		where: 
		{
			targetType :targetType,
			targetState :targetState
	    }
    });
}

TargetList.ajaxDeleteTarget = function(data1) {
	$.ajax({
		type : "POST",
		url : "/web2019/user/ajaxDeleteTarget.action",
		dataType : "json",
		data : data1,
		success : function(data) {
			if (data.code == "0000") {
				layer.alert(data.message, { icon: 1, closeBtn: 0 }, function (index) { 
					layer.closeAll();
					layui.use(['table'], function() {
						var targetType= $("#targetType").val();
						var targetState= $("#targetState").val();
						var table = layui.table;
						TargetList.reloadTable(table,targetType,targetState);
						$("#targetType").val(targetType);
						$("#targetState").val(targetState);
						layui.form.render('select');
					 });
				});
			} else {
				layer.alert(data.message);
			}
		},
		error : function(data) {

		}
	});
}



TargetList.ajaxUpdateTarget =function(){
	var targetId =$("#targetId").val();
	var state =$("#stateNew").val();
	var context =$("#contextNew").val();
	$.ajax({
		type : "POST",
		url : "/web2019/user/ajaxUpdateTarget.action",
		dataType : "json",
		data : {"targetId":targetId,"context":context,"state":state},
		success : function(data) {
			if (data.code == "0000") {
				layer.alert(data.message, { icon: 1, closeBtn: 0 }, function (index) { 
					layer.closeAll();
					layui.use(['table'], function() {
						var targetType= $("#targetType").val();
						var targetState= $("#targetState").val();
						var table = layui.table;
						TargetList.reloadTable(table,targetType,targetState);
						$("#targetType").val(targetType);
						$("#targetState").val(targetState);
						layui.form.render('select');
					 });
				});
			} else {
				layer.alert(data.message);
			}
		},
		error : function(data) {
		}
	});
}

function formatDate(now) { 
	var year=now.getFullYear();  //取得4位数的年份
	var month=now.getMonth()+1;  //取得日期中的月份，其中0表示1月，11表示12月
	var date=now.getDate();      //返回日期月份中的天数（1到31）
	var hour=now.getHours();     //返回日期中的小时数（0到23）
	var minute=now.getMinutes(); //返回日期中的分钟数（0到59）
	var second=now.getSeconds(); //返回日期中的秒数（0到59）
	return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second; 
}